@import '~@/assets/style/variable'

.login
  background-size cover
  background-position center
  background-repeat no-repeat
  background-image url('https://static.yasol.cn/imgs/blog-admin-login-bg.jpg')
  width 100vw
  height 100vh
  min-width 768px
  padding 0
  margin 0
  position relative
  & > form
    position absolute
    top 50%
    left 50%
    transform translate(-50%,-70%)
    background-color #fff
    border 1px solid rgba(0,0,0,.4)
    padding 44px
    text-align right
    & > h1 
      text-align left
      font-size 24px
      font-weight lighter
      color #666
    & > input 
      color #ccc
      padding-top 8px
      padding-bottom 8px
      padding-left 10px
      font-size 18px
      margin-top 12px
      width 300px
      display block
      border-style outset
      border 1px solid #0067b8
      color #666
      background-color transparent
      outline none
      box-shadow none
    & > button
      height 32px
      min-width 108px
      padding 4px 12px
      text-align center
      color #fff
      background-color #0067b8
      margin-top 20px
      border 0
      outline none
      border-width none
      display inline-block
      outline none